<template>

  <a-layout class="container">
      <a-layout-header class="bccolor">
        <HeaderView></HeaderView>
      </a-layout-header>
      <a-layout class="bccolor">
        <a-layout-content>
          <router-view></router-view>
        </a-layout-content>
        <a-layout-sider width="250px"  class="bccolor">
          <SiderView></SiderView>
        </a-layout-sider>
      </a-layout>
      <a-layout-footer class="bccolor">
          <FooterView></FooterView>
      </a-layout-footer>
  </a-layout>
</template>

<script>
import HeaderView from '../components/client/HeaderView.vue'
import SiderView from '../components/client/SiderView.vue'
import FooterView from '../components/client/FooterView.vue'
export default {
  components: { HeaderView, SiderView, FooterView },
  data () {
    return {

    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created () {
    // this.$router.push('/article')
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted () {

  },
  // 方法集
  methods: {

  }
}
</script>

<style scoped>
  .container{
    height: auto;
    max-height: 1200px;
    /*background-color: white !important;*/
  }
  .bccolor{
    background-color: white;
  }
</style>
